 #{extends 'Application/master.html'/}
 
 <link rel="stylesheet" href="@{'/public/plugins/layui_new/css/layui.css'}"
	media="all">
 <script type="text/javascript" src="@{'public/Assets/js/jquery-1.8.3.min.js'}"></script>
<script type="text/javascript" src="@{'public/Assets/plugins/pro/js/jquery-1.2.6.pack.js'}"></script>
<script type="text/javascript" src="@{'public/Assets/plugins/pro/js/base.js'}"></script>

<script type="text/javascript" src="@{'public/Assets/js/js_z.js'}"></script>

<link rel="stylesheet" type="text/css" href="@{'public/Assets/css/thems.css'}">
<script type="text/javascript" src="${'/public/Assets/plugins/pro/js/lib.js'}"></script>
<script type="text/javascript" src="${'/public/Assets/plugins/pro/js/zzsc.js'}"></script>
<script src="@{'public/plugins/layui_new/layui.js'}"></script>



<div class="h_bg">
	<div class="head clearfix">
    	<div class="logo">
        	<div class="bg_a">&nbsp;</div>
            <a href="index.html"><img src="@{'public/Assets/images/logo.png'}" alt=""/></a>
        </div>
        
        <div class="head_r">
        	<div class="tel">${companyInfo.get('companyTelephone')}&emsp;&emsp;</div>
            <div class="nav clearfix">
            	<a href="/index">网站首页</a>
                <a href="/product"  class="now">产品展示</a>
                <a href="/brand">品牌优势</a>
                <a href="#">新闻动态</a>
                <a href="/about">关于我们</a>
            	<a href="/about"> &emsp; </a>
            </div>
        </div>
    </div>
</div>


<!--幻灯片-->
<div class="banner banner_s"><img src="@{'public/Assets/upload/banner_b.jpg'}" alt=""/></div>
<!--幻灯片-->
<!--主体盒子-->
<div class="scd_bg">
	<div class="scd clearfix">
    	<div class="s_head clearfix">
        	<div class="p_lei" onclick="fanhui()" >
            	<div class="lei_m">
                	<span > <i class="layui-icon"  >&#xe65c;</i>   &nbsp;&nbsp;&nbsp;返回</span>
              </div>
            </div>
            <div class="pst">
            	<a href="/index">首页</a> - <a href="/product">产品展示</a> - <a href="#">产品信息</a>
            </div>
        </div>
        <div class="scd_m clearfix">
        	<div class="pro_d">
            	<div class="pro_da clearfix">
                    <div class="pro_dal">
                        <div id="preview">
                            <div class="jqzoom" id="spec-n1" onClick=""><IMG height=385 src="${entity.imgs[0]}" jqimg="${entity.imgs[0]}" width=435>
                            </div>
                            <div id="spec-n5">
                            <div class="control" id="spec-left">
                                    <img src="${'/public/Assets/images/prev.png'}" alt="" />
                                </div>
                                <div id="spec-list">
                                    <ul class="list-h">
                                    	 #{list entity.imgs ,as: 'img' }
	                                     <li><img src="${img}" name='img'> </li>
	                                      #{/list}
                                    </ul>
                                </div>
                                <div class="control" id="spec-right">
                                    <img src="${'/public/Assets/images/next.png'}" alt="" />
                                </div>
                             </div>
                        </div>
						<script type=text/javascript>
                            $(function(){			
                               $(".jqzoom").jqueryzoom({
                                    xzoom:435,
                                    yzoom:385,
                                    offset:10,
                                    position:"right",
                                    preload:1,
                                    lens:1
                                });
                                $("#spec-list").jdMarquee({
                                    deriction:"left",
                                    width:535,
                                    height:120,
                                    step:2,
                                    speed:4,
                                    delay:10,
                                    control:true,
                                    _front:"#spec-right",
                                    _back:"#spec-left"
                                });
                                $("#spec-list img").bind("mouseover",function(){
                                    var src=$(this).attr("src");
                                    $("#spec-n1 img").eq(0).attr({
                                        src:src.replace("\/n5\/","\/n1\/"),
                                        jqimg:src.replace("\/n5\/","\/n0\/")
                                    });
                                    $(this).css({
                                        
                                    });
                                }).bind("mouseout",function(){
                                    $(this).css({
                                        
                                    });
                                });	
                                $("li img[name='img']").mouseover(function(){
                                	  $(this).css("cursor","pointerr");
                               	});
                               
                                var htmlss=escape2Html('${entity.introduce}');
                              	 $(".pro_dm").html(htmlss)
                                
                            })
                            function escape2Html(str) {
									 var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};
									 return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});
							}
                            function  fanhui(){
                            	window.location.href="/product";
                            }
                            </script	>
					</div>
					<div class="pro_dar">
						<h1>̨${entity.name}</h1>
						<div class="title">̨产品介绍 </div>
						<div class="des">
							<p>型号 :${entity.brand}</p>
							<p>电源电压: ${entity.version}</p>
							<p>售后服务 保修一年 </p>
						</div>
					</div>
				</div>
				<div class="space_hx">&nbsp;</div>
				<div class="pro_dm" >
				</div>
			</div>
		</div>
	</div>
</div>

